<?php
include('js/funcion.inc');
conecta();
$sql = mysql_query("SELECT * FROM imagenes_portafolio WHERE id_categoria='$_GET[id]' AND principal='0'");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Galleria</title>
<style>
html,body{background:#222;margin:0;}
/* This rule is read by Galleria to define the gallery height: */
#galleria{height:500px;}
</style>
<script type='text/javascript' src='js/jquery-1.4.3.min.js'></script>
<script type='text/javascript' src='js/galleria-1.2.3.min.js'></script>
</head>
<body>
<div class="content">        
	<div id="galleria">
	<?php
	while($row=mysql_fetch_assoc($sql)){
		echo '
		<a href="imagenes/portafolio/'.$row['nombre'].'">
			<img title="'.$row['titulo'].'" alt="'.$row['descripcion'].'" src="imagenes/portafolio/thumb/'.$row['nombre'].'" />
		</a>
		';
	}
	?>
	</div>
</div>
<script>
Galleria.loadTheme('js/themes/classic/galleria.classic.js');
    // Initialize Galleria
$('#galleria').galleria({
	width: 960,
	height:500,
	transition: 'flash',
	debug: true
	//lightbox: true,
	//showInfo: false
});
</script>
</body>
</html>